/* curriculum_package/pages/purchaseHistory/purchaseHistory.wxss */
.purchaseHistory{
  padding:0 48rpx;
  .dateSelect{
    width: 204rpx;
    height: 62rpx;
    background: #FFFFFF;
    border-radius: 12rpx;
    border: 1rpx solid #FFCE0D;
    font-family: Helvetica;
    font-size: 24rpx;
    color: #666666;
    line-height: 62rpx;
    text-align: center;
  }
  .classCard{
    margin-top: 28rpx;
    height: 1300rpx;

.classCard_item{
  margin:32rpx 5rpx 0;
  padding:  20rpx;
  background: #FFFFFF;
  border:1rpx solid #f5f4f6;
  box-shadow: 0rpx 2rpx 6rpx 3rpx #c5c5d4;
  border-radius: 32rpx;
  font-size: 28rpx;
  .orderDate{
    display: flex;
    margin-bottom: 10rpx;
  }
  .orderNum{
    margin-bottom: 10rpx;

  }
  .card_content{
    border-top: 1rpx dashed #c5c5d4;
    border-bottom: 1rpx dashed #c5c5d4;
    padding: 20rpx 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    .left{
      width: 204rpx;
      background-color: gray;
      height:180rpx
    }
    .right{
      height: 100%;
      flex: 1;
      padding: 18rpx;
      .title{
        font-size: 32rpx;
         color: #222222;
      }
      .project{
        margin-top: 18rpx;
        display: flex;
        align-items: center;
        font-size: 24rpx;
         color: #767676;
        .tags{
          padding: 0 10rpx;
          height: 32rpx;
          background: rgba(249,182,0,0.15);
          box-shadow: 0rpx 6rpx 16rpx -2rpx rgba(53,40,73,0.05), 0rpx 0rpx 2rpx 0rpx rgba(13,12,75,0.24);
          border-radius: 8rpx;
          border: 2rpx solid #FFBE09;
          font-size: 20rpx;
          color: #FFC906;
          text-align: center;
          margin-left: 20rpx;
  
        }
      }
      .projectDetail{
        margin-top: 16rpx;
        display: flex;
        font-weight: 500;
        font-size: 32rpx;
        color:red;
        view{
          display: flex;
          align-items: center;
        margin-right: 12rpx;
        &:last-child{
          color: #767676;
        }
        }
      }
    }
    .dot{
      width: 28rpx;
      height: 28rpx;
      border-radius: 14rpx;
      margin-right: 32rpx;
    }
  }
  .paymentStatus{
        margin-top: 10rpx;
        display: flex;
        justify-content: space-between;
    view{
      display: flex;
      font-size: 28rpx;
        text{
          font-size: 28rpx;
          line-height: 15rpx;
          color: red
      }
      &:last-child{
        text{
          color: #FFBE09;
        }
      }
    }


  }
 

    }
  }
}
.more_limit{
  padding: 20rpx 0;
  text-align: center;
  color: #7E818C;
}